{% load static %}
<!DOCTYPE html>
<html lang = "en">

<head>
    <meta charset = "utf-8">
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name = "viewport" content = "width=device-width, initial-scale=1">
    <meta name = "description" content = "">
    <meta name = "author" content = "">
    <!-- Favicon icon -->
    <link rel = "icon" type = "image/png" sizes = "16x16" href = "{% static 'assets/images/favicon.png' %}">
    <title>{% block title %}{% endblock %}</title>
    <!-- Bootstrap Core CSS -->
    <link href = "{% static 'assets/plugins/bootstrap/css/bootstrap.min.css' %}" rel = "stylesheet">
    <!-- Custom CSS -->
    <link href = "{% static 'css/style.css' %}" rel = "stylesheet">
    <!-- You can change the theme colors from here -->
    <link href = "{% static 'css/colors/blue.css' %}" id = "theme" rel = "stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class = "fix-header fix-sidebar card-no-border">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div class = "preloader">
        <svg class = "circular" viewBox = "25 25 50 50">
            <circle class = "path" cx = "50" cy = "50" r = "20" fill = "none" stroke-width = "2"
                    stroke-miterlimit = "10"/>
        </svg>
    </div>
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id = "main-wrapper">
        <!-- ============================================================== -->
        <!-- Topbar header - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <header class = "topbar">
            <nav class = "navbar top-navbar navbar-toggleable-sm navbar-light">
                <!-- Logo开始，这是我修改的 -->
                <div class = "navbar-header">
                    <a class = "navbar-brand" href = "{% url 'index' %}">
                        <!-- Logo icon -->
                        <b>
                            <img src = "{% static 'assets/images/logo1.png' %}" alt = "homepage" class = "dark-logo">
                        </b>
                        <!--End Logo icon -->
                    </a>
                </div>
                <!-- End Logo -->
                <!-- ============================================================== -->
                <div class = "navbar-collapse">
                    <!-- ============================================================== -->
                    <!-- toggle and nav items -->
                    <!-- ============================================================== -->
                    <ul class = "navbar-nav mr-auto mt-md-0 ">
                        <!-- This is  -->
                        <li class = "nav-item"><a
                                class = "nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark"
                                href = "javascript:void(0)"><i class = "ti-menu"></i></a></li>
                        <li class = "nav-item hidden-sm-down">
                            <form class = "app-search p-l-20">
                                <input type = "text" class = "form-control" placeholder = "Search for..."> <a
                                    class = "srh-btn"><i class = "ti-search"></i></a>
                            </form>
                        </li>
                    </ul>
                    <!-- ============================================================== -->
                    <!-- User profile and search -->
                    <!-- ============================================================== -->
                    <ul class = "navbar-nav my-lg-0">
                        <li class = "nav-item dropdown">
                            <a class = "nav-link dropdown-toggle text-muted waves-effect waves-dark" href = ""
                               data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false"><img
                                    src = "{% static 'assets/images/users/1.jpg' %}" alt = "user"
                                    class = "profile-pic m-r-5"/>生产管理</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- ============================================================== -->
        <!-- End Topbar header -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <aside class = "left-sidebar">
            <!-- Sidebar scroll-->
            <div class = "scroll-sidebar">
                <!-- Sidebar navigation-->
                <nav class = "sidebar-nav">
                    <ul id = "sidebarnav">
                        <li>
                            <a href = "{% url 'index' %}" class = "waves-effect"><i class = "fa fa-clock-o m-r-10"
                                                                                    aria-hidden = "true"></i>工时</a>
                        </li>
                        <li>
                            <a href = "" class = "waves-effect"><i class = "fa fa-user m-r-10" aria-hidden = "true"></i>人员管理</a>
                        </li>
                        <li>
                            <a href = "" class = "waves-effect"><i class = "fa fa-table m-r-10"
                                                                   aria-hidden = "true"></i>基础数据</a>
                        </li>
                    </ul>
                </nav>
                <!-- End Sidebar navigation -->
            </div>
            <!-- End Sidebar scroll-->
        </aside>
        <!-- ============================================================== -->
        <!-- End Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        {% block content %}
        
        {% endblock %}
    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->


    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src = "{% static 'assets/plugins/jquery/jquery.min.js' %}"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src = "{% static 'assets/plugins/bootstrap/js/tether.min.js' %}"></script>
    <script src = "{% static 'assets/plugins/bootstrap/js/bootstrap.min.js' %}"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src = "{% static 'js/jquery.slimscroll.js' %}"></script>
    <!--Wave Effects -->
    <script src = "{% static 'js/waves.js' %}"></script>
    <!--Menu sidebar -->
    <script src = "{% static 'js/sidebarmenu.js' %}"></script>
    <!--stickey kit -->
    <script src = "{% static 'assets/plugins/sticky-kit-master/dist/sticky-kit.min.js' %}"></script>
    <!--Custom JavaScript -->
    <script src = "{% static 'js/custom.min.js' %}"></script>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->
    <!-- Flot Charts JavaScript -->
    <script src = "{% static 'assets/plugins/flot/jquery.flot.js' %}"></script>
    <script src = "{% static 'assets/plugins/flot.tooltip/js/jquery.flot.tooltip.min.js' %}"></script>
    <script src = "{% static 'js/flot-data.js' %}"></script>
    <!-- ============================================================== -->
    <!-- Style switcher -->
    <!-- ============================================================== -->
    <script src = "{% static 'assets/plugins/styleswitcher/jQuery.style.switcher.js' %}"></script>
    <style>
        .copyrights {
            text-indent: -9999px;
            height: 0;
            line-height: 0;
            font-size: 0;
            overflow: hidden;
        }
    </style>
    <div class = "copyrights" id = "links20210126">
        Copyright <a href = "" title = "永锋">© 2021 永锋复印机配件（深圳）有限公司</a>
    </div>
</body>

</html>